<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="javax.sql.rowset.WebRowSet" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <!--    全局样式-->
    <link rel="stylesheet" href="css/reset.css">
    <!--    字体图标-->
    <link rel="stylesheet" href="css/iconfont.css">
    <!--    主体的样式-->
    <link rel="stylesheet" href="css/container.css">
    <link rel="stylesheet" href="css/footer.css">
</head>
<style type="text/css">
 .container {  
        display: flex;  
        flex-direction: column;  
        justify-content: center;  
        align-items: center;   
        text-align: center;
        padding: 100px;
    }  
	        .table {
                border: 1px solid #cad9ea;
                color: #666;
                margin: auto;
            }

            .table th {
                background-repeat: repeat-x;
                height: 60px;
            }

            .table td,
            .table th {
                border: 1px solid #cad9ea;
                padding: 0 1em 0;
                height: 40px;
            }

            .table tr.alter {
                background-color: #f5fafe;
            }
            .color{
            	background-color: #017E5C;
            	color: white;
            }
</style>
<body style="text-align: center;margin: auto;">

<div class="nav">
 
		<header class="mui-bar mui-bar-nav color">
		    <h1 class="mui-title color">订单详情</h1>
		</header>
 <%
 String restaurant_id = (String) session.getAttribute("restaurant_id");
    String table_id = (String) session.getAttribute("table_id");
   String account = (String) session.getAttribute("account");
   String pay = (String) session.getAttribute("pay");
   
    if (table_id != null) {
        %>
        <h4>当前餐馆号： <%= restaurant_id %></h4>
        <h4>您的桌号是： <%= table_id %></h4>
        <h4>当前用户： <%= account %></h4>
        
        <% 
        // 这里可以添加更多的点餐逻辑
    } else {
        %>
        <p>请扫描桌子上的二维码开始点餐。</p >
        <%
    }
    %>
		<div class="container" >
			<h4>正在为您出餐，若您需要加餐请点击下方按钮操作！</h4>
		</div>

	   <div class="container"> 
     <table width="80%" class="table" id="tablevalue">  
    <tr>  
        <th>商品id</th> 
        <th>商品名称</th>
        <th>单价</th> 
        <th>数量</th>  
        <th>桌号</th>  
        
        <th width="20%">操作</th>  
    </tr>  
  
     <%  
     String sql = "SELECT * FROM shoppingcar WHERE table_id=" + table_id + " AND restaurant_id=" + restaurant_id+ " AND pay='未支付'";  
     javax.sql.rowset.WebRowSet rs = aa.db.DBTools.getRS(sql);   
        double totalPrice = 0; // 用于存储总价  
        while(rs.next()){  
        %>  
  
        <tr onclick="fillform(this)" style="cursor:pointer">  
            <td><%=rs.getString("dish_id")%></td> 
             <td><%=rs.getString("name")%></td>
            <td><%=rs.getString("price")%></td>  
            <td><%=rs.getString("amount")%></td>  
            <td><%=rs.getString("table_id")%></td>  
            <td>  


                <a href="edit.jsp?dish_id=<%=rs.getString("dish_id") %>">修改</a><br>  

                <a href="ordersave.jsp?btn=del&dish_id=<%=rs.getString("dish_id") %>" onclick="return confirm('请确认是否删除当前记录？');">删除</a><br>  
                <a href="index.jsp">继续点餐 </a><br>  
            </td>  
        </tr>  
  
        <%  
            // 计算总价（这里假设单价和数量都是数字）  
            double price = Double.parseDouble(rs.getString("price"));  
            int amount = Integer.parseInt(rs.getString("amount"));  
            totalPrice += price * amount;  
        }  
        rs.close();  
        %>  
  
        <!-- 添加一行显示总价 --> 
        <tr>  
            <td colspan="5" style="text-align:right;">总价：<%=totalPrice%></td>  
           
        </tr>  
        <tr>
    <td colspan="6" style="text-align: center;">
        <form action="payment" method="post">
            <input type="hidden" name="table_id" value="<%= table_id %>">
            <input type="hidden" name="restaurant_id" value="<%= restaurant_id %>">
            <input type="submit" value="结算">
        </form>
    </td>
</tr>
    </table>  
  
    <!-- 添加JavaScript代码来计算并更新总价 -->  
    <script type="text/javascript">  
        // 由于JSP已经计算了总价，这里只是确保在页面加载时显示正确的值  
        // 但实际上，你可以使用JavaScript来动态计算总价，例如当数量或单价变化时  
        // 在这种情况下，你可以通过监听DOM事件来触发重新计算  
        // 这里只是简单地将JSP计算的总价显示在页面上  
        document.getElementById('totalPrice').textContent = '<%=totalPrice%>';  
    </script>  
</div>

</body>
</html>